<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
	xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"
>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Quintus Chow</title>
<meta name="robots" content="noodp, noydir" />
<link rel="stylesheet" href="/static/style/style.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/static/style/mystyle.css" type="text/css" media="screen, projection" />

<link rel="stylesheet" href="/static/style/layout.css" type="text/css" media="screen, projection" />
<!-- 
<script type='text/javascript'>
    /*           */
    var shutterSettings = {
	"msgLoading" : "L O A D I N G",
	"msgClose" : "Click to Close",
	"imageCount" : "1"
    };
    /*     */
</script>
<script type='text/javascript'
	src='http://www.ofra-amit.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.3'
></script>
<script type='text/javascript'
	src='http://www.ofra-amit.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'
></script>
<script type='text/javascript'
	src='http://www.ofra-amit.com/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.9995'
></script>
<script type='text/javascript'
	src='http://www.ofra-amit.com/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.05'
></script>
<script type='text/javascript'
	src='http://www.ofra-amit.com/wp-content/plugins/track-that-stat/js/highcharts.js?ver=3.4'
></script>
<script type='text/javascript'
	src='http://www.ofra-amit.com/wp-content/plugins/track-that-stat/js/modules/exporting.js?ver=3.4'
></script>

<style type="text/css">
.recentcomments a {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
}
</style>-->
</head>
<body class="custom">
	<div id="container">
		<div id="page">
			<ul class="menu">
				<li class="tab tab-1"><a href="/index.html" title="home">home</a></li>
				<li class="tab tab-2"><a href="/blog.html" title="blog">blog</a></li>
				<li class="tab tab-3"><a href="/about.html" title="about">about</a></li>
				<li class="tab tab-4"><a href="/contact.html" title="contact">contact</a></li>
				<li class="tab tab-5"><a href="/life.html" title="life">life</a></li>
				<li class="rss"><a href="javascript:void(0)" title="Quintus.home RSS Feed"
					rel="nofollow"
				>Subscribe</a></li>
			</ul>
			<!-- #####################################header picture####################################### -->
			<div id="myheader"></div>
			<!-- #####################################contents################################## -->
			<div id="content_box">
				<div id="content" class="hfeed">

					<div
						class="post-985 post type-post status-publish format-standard hentry category-uncategorized post_box top"
						id="post-985"
					>
						<div class="headline_area">
							<h2 class="entry-title">
								What's new
							</h2>
							<p class="headline_meta">
							<!-- 
								*
								*there should be last update info(e.g. "Sep. 7th last updated")
								*-->
								<br>
							 	<abbr class="published" title="2012-06-22">Last updated on {{ time|date:"D d M y"}} </abbr> 							</p>
						</div>
						<div class="format_text entry-content" style="height:200px;">
							<p>{{title}}</p>
							{% if blog %}
							<!-- what's new block is new blog -->
							<p onclick="alert('hello relocation');" style="word-break: break-all;">
								{{text}}
								{%if blogpicture%}
								<p>
								<img src='/exhibitpicture?reqkind=1&life.uuid={{blogpicture}}' width="100px" height="150px">
								{%endif%}
							</p>
							{%endif%}
							
							{% if life %}
							<!-- what's new block is new life -->
							<!-- there should be new life content, e.g. pictures, TODO -->
							<p>
								new picture upload.
							</p>
							<p>
							<div>
								<img src='/exhibitpicture?reqkind=1&life.uuid={{key}}' width='140' height='100'/></div>
							</p>
							<p>
								{{comment}}
							</p>
							{%endif%}
						</div>
					</div>
					<div class="prev_next">
						<p class="previous">
							<a href="javascript:void(0)">&larr; Previous Entries</a>
						</p>
					</div>

				</div>

				<!-- ####################################content left sidebars############################### -->
				<div id="sidebars">
					<div id="sidebar_1" class="sidebar">
						<ul class="sidebar_list">

							<!-- ####################################################### left bar subscribe by email ###################################################### -->
							<li class="widget widget_feedburnerformwidget" id="feedburnerformwidget-3">
								<!-- Plugin Feedburner Form-->
								<div class="fb-container">
									<h3>subscribe by email</h3>
									<div class="fbf-text">enter your email address:</div>
									<!--action="http://feedburner.google.com/fb/a/mailverify"  -->
									<form id="fbf-widget" action='javascript:void(0)' method="post"
										target="popupwindow">
										<!--onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=IllustrationInsideOut', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"-->
									
										<input type="text" id="subscription_email" name="email" />
										<input type="hidden" value="IllustrationInsideOut" name="uri" />
										<input type="hidden" name="loc" value="en_US" />
										<input id="subscription_btn" type="submit" value="Ok" /><!-- TODO -->
									</form>
								</div> <!-- Plugin Feedburner Form-->
							</li>
							<!-- ####################################################### left bar comments on blogs ###################################################### -->
							<li class="widget widget_recent_comments" id="recent-comments-10"><h3>recent
									comments</h3>

								<ul id="recentcomments">
									{% for comment in lastcomments %}
									<li class="recentcomments"><a href="http://{{comment.website}}">{{comment.name}}</a> on <a
										href="http://localhost:8080/blog.html#{{comment.catelog}}_{{comment.name}}_div"
									>{{comment.blog}}</a>({{ comment.time|date:"D d M y"}})</li>
									{%endfor%}
								</ul></li>

							<!-- ####################################left sidebars blog archivement #########################-->
							<li class="widget widget_archive" id="archives-11"><h3>blog archive</h3>
								<ul>

									{%for blog in lastblogs%}
									<li><a href='http://localhost:8080/blog.html#{{blog.catelog}}_{{blog.title}}_div' >{{blog.title}}</a>({{ blog.time|date:"D d M y"}})</li>
									{%endfor%}
								</ul></li>
						</ul>
					</div>
				</div>
			</div>
			<div id="footer">
					<p>
			You can also reach me <a href="http://t.qq.com/zhouyuding1990">here.<a/>
			</p>
				<p>
					Powered by <a href="http://diythemes.com/thesis/">Thesis WordPress Theme</a> & <a href="http://www.google.com.hk/">Google App Engine</a>
				</p>
			</div>
		</div>
	</div>
	<!--[if lte IE 8]>
<div id="ie_clear"></div>
<![endif]-->
	<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push([ '_setAccount', 'UA-15748613-1' ]);
	_gaq.push([ '_trackPageview' ]);

	(function( )
	{
	    var ga = document.createElement('script');
	    ga.type = 'text/javascript';
	    ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl'
		    : 'http://www')
		    + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0];
	    s.parentNode.insertBefore(ga, s);
	})();
    </script>
</body>
</html>